import { createStore } from 'vuex'
import user from './modules/user'
import cart from './modules/carts'
import category from './modules/category.js'
// import Cookies from 'js-cookie' // 引用
// import * as Cookies from 'js-cookie'
// 导入
import createPersistedstate from 'vuex-persistedstate'
export default createStore({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
    // 组合模块
    user, // 用户
    cart, // 购物车
    category
  },
  plugins: [
    // 插件的同步机制,只要咱们修改了state中的数据就会自动同步
    createPersistedstate({
      key: 'rabbit-data', // 存放数据的key
      paths: ['user', 'cart'] // 想把那个模块中的state中的数据进行持久化 就把他的名字放过来
      // storage: {
      //   getItem: key => Cookies.get(key), // 获取本地=获取cookie
      //   setItem: (key, paths) => Cookies.set(key, paths, { expires: 3, secure: true }), // 存储到本地=>存入到cookie
      //   removeItem: key => Cookies.remove(key) // 删除
      // }
    })
  ]

})
